import { FC, useEffect } from "react";
import type { RadioChangeEvent } from 'antd';
import { Radio, Space, Tabs, Card } from 'antd';
import React, { useState } from 'react';
import { Systems } from "../../untils/api"

const { TabPane } = Tabs;

type TabPosition = 'left' | 'right' | 'top' | 'bottom';
const System: FC<{}> = () => {
    
    let obj={
        adminSystemUrl: "creationadmin.shbwyz.com",
        systemFavicon: "https://wipi.oss-cn-shanghai.aliyuncs.com/2021-02-20/wipi-favicon.png",
        systemFooterInfo: "awdawd",
        systemLogo: "https://wipi.oss-cn-shanghai.aliyuncs.com/2021-02-20/wipi-favicon.png",
        systemTitle: "小楼又清风",
        systemUrl: "creationad.shbwyz.com,,,",
    }
    useEffect(() => {
        Systems.getSystemList(obj).then(res => {
            console.log(res.data)
        })
        console.log()
    }, [])
    const [tabPosition, setTabPosition] = useState<TabPosition>('left');

    const changeTabPosition = (e: RadioChangeEvent) => {
        setTabPosition(e.target.value);
    };
    return (
        <>
            <Card >
                <Tabs tabPosition={tabPosition}>
                    <TabPane tab="系统设置" key="1">
                        Content of Tab 1
                    </TabPane>
                    <TabPane tab="Tab 2" key="2">
                        Content of Tab 2
                    </TabPane>
                    <TabPane tab="Tab 3" key="3">
                        Content of Tab 3
                    </TabPane>
                </Tabs>
            </Card>

        </>
    )
}


export default System

